<template>
  <div
    class="xcx-module-attr"
    @click.stop
  >
     <!-- 图文导航 -->
    <navigationAttr
      :attr="attr"
      v-if="attr.id == 1"
    />
    <!-- 轮播图 -->
    <slideshowAttr
      :attr="attr"
      v-if="attr.id == 2"
    />
    <!-- 单图模块 -->
    <AttrsingleImg
      :attr="attr"
      v-if="attr.id == 3"
    />
     <!-- 搜索 -->
    <AttrSearch
      :attr="attr"
      v-if="attr.id == 6"
    />
    <!-- 版权 -->
    <CopyRight
      :attr="attr"
      v-if="attr.id == 17"
    />
    <!-- 提货点 -->
    <Address
      :attr="attr"
      v-if="attr.id == 19"
    />
     <!-- 搜索 -->
    <Search2
      :attr="attr"
      v-if="attr.id == 20"
    />
    <!-- 特价活动 -->
    <Discount
      :attr="attr"
      v-if="attr.id == 21"
    />
    <!-- 预售 -->
    <Presell
      :attr="attr"
      v-if="attr.id == 22"
    />
    <!-- 横向商品 -->
    <xGoodsAttr
      :attr="attr"
      v-if="attr.id == 23"
    />
    <!-- 纵向商品 -->
    <yGoodsAttr
      :attr="attr"
      v-if="attr.id == 24"
    />
    <!-- 通知公告 -->
    <scrollNoticeAttr
      :attr="attr"
      v-if="attr.id == 25"
    />
    <!-- 优惠券 -->
    <couponAttr
      :attr="attr"
      v-if="attr.id == 26"
    />
    <!-- 秒杀活动 -->
    <SecondKillAttr :attr="attr"
      v-if="attr.id == 27"
      />
    <!-- 新人专享 -->
    <NewUserAttr :attr="attr"
      v-if="attr.id == 28"
      />
    <!-- 头r部商户栏 -->
    <headBarAttr :attr="attr"
      v-if="attr.id == 30"
      />
      <bigGoodsAttr :attr="attr"
      v-if="attr.id == 31" />
    <!-- <User :attr="attr" v-if="attr.id == 11" />	 -->
  </div>
</template>

<script>
import "@/assets/css/attr.scss";
import navigationAttr from "@/views/attr/navigationAttr.vue";
import slideshowAttr from "@/views/attr/slideshowAttr.vue";
import AttrsingleImg from "@/views/attr/singleImg.vue";
export default {
  name: "Attr",
  props: ["attr"],
  components: {
    navigationAttr,
    slideshowAttr,
    AttrsingleImg
  },
  mounted() {},
};
</script>
